{% extends 'base.html' %}
{% block styles %}
{{ block.super }}
	<link rel="stylesheet" type="text/css" title="style" href="{{ STATIC_URL }}css/index.css" />
{% endblock %}

{% block scripts %}
	{{ block.super }}
	<script type="text/javascript" src="{{ STATIC_URL }}js/jquery.cycle.lite.1.1.js"></script>
	<script type="text/javascript" src="{{ STATIC_URL }}js/slideshow.js"></script>
	<script src="{{ STATIC_URL }}js/js.js" type="text/javascript"></script>
	<script type="text/javascript">js.jsRoot="{{ STATIC_URL }}js/"</script>
	<script src="{{ STATIC_URL }}js/vkontakte.js" type="text/javascript"></script>
	<script src="{{ STATIC_URL }}js/facebook.js" type="text/javascript"></script>
{% endblock %}
  
{% block content %}
<!--{% if user %}
  {% if messages %}{% for message in messages %}
    {% if message.message == 'automatically_registered' %}
      <p>It is your first time login with external auth provider so you've been automatically registered.</p>
	{% endif %}
  {% endfor %}{% endif %}
  Welcome, {{ user.name }}! You can navigate this site through pseudo menu on top of the page.
{% else %}
  Welcome! You can navigate this site through pseudo menu on top of the page.
{% endif %} -->
  {% if user %}
    <!-- Welcome, {{ user.name }}! You can navigate this site through pseudo menu on top of the page. -->  
    <div id="main_content">
	  <div id="user_events">
	    <h2 id="user_events_title">Мои мероприятия</h2>
		<div id="organized_events_list">
		<ul>
		  <li class="li_header">
		    Организую:
		  </li>
		{% for event in user.organized_events.all %}
		  <li>
	      <a href="{% url core.views.event.details event.id %}">{{ event.name }}</a></li>
	    </li>
		{% empty %}
		  <p>Вы не участвуете ни в одном мероприятии.</p><br>
          <p>Для того, чтобы найти подходящее мероприятие воспользуйтесь
          <a href="{% url core.views.event.list %}">поиском</a>.		  
		{% endfor %}
		</ul>
		</div>
		<div id="participant_events_list">
		<ul>
		   <li class="li_header">
		     Принимаю участие:
		   </li>
		{% for event in user.participate_in_events.all %}
		  <li>
	      <a href="{% url core.views.event.details event.id %}">{{ event.name }}</a></li>
	    </li>
		{% empty %}
		  <p>Вы не участвуете ни в одном мероприятии.</p><br>
          <p>Для того, чтобы найти подходящее мероприятие воспользуйтесь
          <a href="{% url core.views.event.list %}">поиском</a> или сервисом 
		  <a href="#">рекомендаций</a>.		  
		{% endfor %}
		</ul>
		</div>
		<a id="organize_event" href="{% url core.views.event.create %}" class="btn gray">Организовать мероприятие</a>
		<a id="search_event" href="{% url core.views.event.list %}" class="btn gray">Найти мероприятие</a>
	  </div>
	  
	  <div id="event_archive">
	    <h2 id="event_archive_title">Архив мероприятий</h2>
	    <p>
	      Вы еще не принимали участия в мероприятиях.
	    </p>
	  </div>
	  
	  <div id="recommendation">
	    <h2 id="recommendation_title">Рекомендуемые мероприятия</h2>
	    <ul>
	    {% if recomendations_by_cost %}
	    	<li class="li_header">По стоимости:</li>
	    {% endif %}
	    {% for event in recomendations_by_cost %}
	    	<li><a href="{% url core.views.event.details event.id %}">{{ event }}</a></li>
	    {% empty %}
	    {% endfor %}
	    </ul>
	    <ul>
	    {% if recomendations_by_cost %}
	    	<li class="li_header">По популярности:</li>
	    {% endif %}
	    {% for event in recomendations_by_participants %}
	    	<li><a href="{% url core.views.event.details event.id %}">{{ event }}</a></li>
    	{% empty %}
	    {% endfor %}
	    {% if not recomendations_by_cost and not recomendations_by_participants %}
	      К сожалению, на данный момент сервис не может порекомендовать вам мероприятия.<br />
	      Попробуйте <a href="{% url core.views.profile.edit %}">добавить города</a> в свой список или принять участие в <a href="{% url core.views.event.list %}">мероприятиях</a>.
	    {% endif %}
	  </div>
	</div>
  {% else %}
  <div id="slideshow">
    <div id="slides">
	  <img src="{{ STATIC_URL }}img/slide1.jpg" alt="First slide" />
	  <img src="{{ STATIC_URL }}img/slide2.jpg" alt="Second slide" />
	  <img src="{{ STATIC_URL }}img/slide3.jpg" alt="Third slide" />
	</div>
	<div id="slideshow_commands">
	  <a href="#previous" id="previous_slide" title="Previous">&lt;</a>
	  <a href="#next" id="next_slide" title="Next">&gt;</a>
	  <h1 id="slide_title">First slide</h1>
	</div>
  </div>
  <div id="auth">
    <a id="register_btn" class="btn green" href="{% url core.views.register %}">Зарегистрироваться</a>
		<h2 id="login">Войти</h2>
		<div align="right">
		<form action="{% url core.views.auth.login %}" method="post">
			<label>Логин: </label>{{ login_form.login }}
			<label>Пароль: </label>{{ login_form.password }}
			<input id="login_btn" type="submit" value="Войти" class="btn gray" />
		</form>
		</div>
	
    <div id="fb-root"></div>
    <script type="text/javascript">
      var facebook = new Facebook();
      facebook.initFacebookAPI();
    </script>
    <a id="fb" class="btn" title="login with Facebook" onclick="facebook.doLogin();" href="#">fb</a>
		<div id="vk_api_transport"></div>
		<script type="text/javascript">
		  var vkontakte = new Vkontakte();
		  vkontakte.initVkontakteAPI();
		</script>
		<a id="vk" class="btn" title="login with VKontakte" onclick="vkontakte.doLogin();" href="#">B</a>
		<a id="openid" class="btn" href="{% url core.views.auth.login_openid %}"></a>
  </div>
  {% endif %}
{% endblock %}